<!DOCTYPE html>
<html color-mode="light">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="msvalidate.01" content="6A91D9A4D72F5FF201C649F065EBFFE1" />
		<title>首页&nbsp;|&nbsp;Yuyou'blog</title>
		<link rel="shortcut icon" href="https://yuyoublog.cn/img/favicon.ico" />
		<link href="css/flash.css" rel="stylesheet">
		<link href="css/bootstrap.css" />
		<!-- <link rel="stylesheet" href="css/index.css" /> -->
		<script>
		        			var isFHD = screen.width > 900 ? true : false;
		        			(function() {
		        				var head = document.getElementsByTagName('HEAD')[0];
		        				
		        				var style = document.createElement('link');
		        				var js = document.createElement('script');
		         
		        				if (isFHD) {
		        					style.href = 'css/index.css';
		        				} else {
		        					style.href = 'css/mobile.css';
		        				}
		        				style.type = 'text/css';
		        				style.rel = 'stylesheet';
		        				js.type = 'text/javascript';
		        				
		        				head.appendChild(style);
		        				head.appendChild(js);
		        			})()
		        		</script>
		<link rel="stylesheet" href="css/skeletonscreen.css" />
		<script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
		<script type="text/javascript" src="js/jquery.lazyload.min.js"></script>
		<script type="text/javascript" src="js/ajax.js"></script>
	</head>
	<body>
		<div id="header">
			<div class="skeleton skeleton-box skeleton0">
				<div >
					<ul>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
					</ul>
				</div>
			</div>
			<div class="daohang">
				<div class="daohang_a">
					<ul>
						<li style="pointer-events: none;">Yuyou'blog</li>
						<li>首页</li>
						<li>归档</li>
						<li class="biaoqian">标签</li>
						<li>友链</li>
						<p id="dates">
							<script charset="utf8">
								$("#dates").load("asp/date.asp")
							</script>
						</p>
						<p class="easyui-linkbutton"><img src="img/search.png"
								style="width: 25px;height: 25px;margin-left: 240px;cursor: pointer;"></p>
						<p class="easyui-linkbutton"><img src="img/deng.png"
								style="width: 30px;height: 30px;margin-left: 25px;position: relative;cursor: pointer;">
						</p>
						<p class="easyui-linkbutton"><img src="img/houtai.jpg"
								style="width: 25px;height: 25px;margin-left: 25px;position: relative;cursor: pointer;">
						</p>
					</ul>
				</div>
			</div>
		</div>
		<div id="content">
			<div class="clen"></div>
			<div id="left_bar">
				<div class="skeleton skeleton1 skeleton-box">
					<span></span>
					<p class="skeleton"></p>
					<p class="skeleton"></p>
					<ul class="skeleton">
						<li>&nbsp;</li>
						<li>&nbsp;</li>
						<li>&nbsp;</li>
						<li>&nbsp;</li>
						<li>&nbsp;</li>
						<li>&nbsp;</li>
						<li>&nbsp;</li>
						<li>&nbsp;</li>
					</ul>
				</div>
				<div class="left_bar_h"></div>
				<div class="skeleton skeleton2 skeleton-box ">
					<p></p>
					<div style="width: 90%;">
						<ul class="skeletonul2">
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
						</ul>
						<ul></ul>
					</div>
				</div>
				<div class="left_bar_c">
					<p>分类</p>
					<div style="width: 90%;">
						<ul id="qwe">
							<li>技术向</li>
							<li>笔记本</li>
							<li>创作集</li>
							<li>自言语</li>
							<li>分享</li>
							<li>编程</li>
						</ul>
						<ul id="asd"></ul>
					</div>
				</div>
				<div class="skeleton skeleton3 skeleton-box ">
					<ul>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
					</ul>
				</div>
				<div class="left_bar_f">
					<p>标签</p>
					<ul></ul>
				</div>
			</div>
			<div id="center_bar">
				<div class="skeleton skeleton4 skeleton-box">
					<div class="skeletonzuiclass">
					<p class="skeletonzuiclassimg"></p>
					<div class="skeletonneirong">
					    <h2></h2>
					   <span class='skeletonspanneirong'><a></a></span>
					    <p></p>
					</div>
					</div>
				</div>
				<div class="skeleton skeleton4 skeleton-box">
					<div class="skeletonzuiclass">
					<p class="skeletonzuiclassimg"></p>
					<div class="skeletonneirong">
					    <h2></h2>
					   <span class='skeletonspanneirong'><a></a></span>
					    <p></p>
					</div>
					</div>
				</div>
				<div class="skeleton skeleton4 skeleton-box">
					<div class="skeletonzuiclass">
					<p class="skeletonzuiclassimg"></p>
					<div class="skeletonneirong">
					    <h2></h2>
					   <span class='skeletonspanneirong'><a></a></span>
					    <p></p>
					</div>
					</div>
				</div>
				<div class="skeleton skeleton4 skeleton-box">
					<div class="skeletonzuiclass">
					<p class="skeletonzuiclassimg"></p>
					<div class="skeletonneirong">
					    <h2></h2>
					   <span class='skeletonspanneirong'><a></a></span>
					    <p></p>
					</div>
					</div>
				</div>
				<div class="skeleton skeleton4 skeleton-box">
					<div class="skeletonzuiclass">
					<p class="skeletonzuiclassimg"></p>
					<div class="skeletonneirong">
					    <h2></h2>
					   <span class='skeletonspanneirong'><a></a></span>
					    <p></p>
					</div>
					</div>
				</div>
				<div class="skeleton skeleton4 skeleton-box">
					<div class="skeletonzuiclass">
					<p class="skeletonzuiclassimg"></p>
					<div class="skeletonneirong">
					    <h2></h2>
					   <span class='skeletonspanneirong'><a></a></span>
					    <p></p>
					</div>
					</div>
				</div>
				<div id="router-view-1"></div>
			</div>
			<div id="right_bar">
				<div class="skeleton skeleton2 skeleton-box ">
					<p></p>
					<div style="width: 90%;">
						<ul class="skeletonul2">
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
						</ul>
						<ul></ul>
					</div>
				</div>
				<div class="right_bar_h">
					<span>&nbsp;&nbsp;最近文章</span>
					<br />
					<div id="rightbarh"></div>
				</div>
				<div class="skeleton skeleton2 skeleton-box ">
					<p></p>
					<div style="width: 90%;">
						<ul class="skeletonul2">
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
						</ul>
						<ul></ul>
					</div>
				</div>
				<div class="right_bar_c">
					<p>归档</p>
					<div style="width: 90%;">
						<div>
							<ul id="mnb"></ul>
						</div>
						<div style="display: flex;justify-content: end;">
							<ul id="zxc"></ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<div id="footer" class="lazyload">
			<p style="margin-top: 50px;">Copyright© Yuyou's&nbsp;blog</p>
			<p>Powered by Classic Asp & JQuery Designed by Yuyou&Ropex</p>
		</div>
		<div class="backtop">
			︿
		</div>
	</body>
	<script type="text/javascript" src="js/jq-paginator.js"></script>
	<script type="text/javascript" src="js/router.js"></script>
	<script type="text/javascript" src="js/index.js"></script>
	<script src="https://cdn.bootcdn.net/ajax/libs/pace/1.2.4/pace.min.js"></script>
</html>
